<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0234-dialog" ng-init="init();"
     style="background-color:#fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0234.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="content">
                <div class="kmi-text-fields" style="margin-top: 8px;">
                    <label class="label" ng-bind="'B0234.wo_no' | translate"></label>
                    <label class="value" ng-bind="dialog.wo_no" style="flex: 1;"></label>
                    <label class="label" ng-bind="'B0234.product_no' | translate"></label>
                    <label class="value" ng-bind="dialog.product_no" style="flex: 1;"></label>
                    <label class="label" ng-bind="'B0234.product_name' | translate"></label>
                    <label class="value" ng-bind="dialog.product_name" style="flex: 1;"></label>
                </div>
                <div class="kmi-text-fields" style="margin-top: 12px;">
                    <label class="label" ng-bind="'B0234.mold_no' | translate"></label>
                    <input ng-model="dialog.mold_no" ng-keypress="dialog.barcode_mold_no($event);" style="flex: 0 0 30%;">
                    <div class="tip qrcode" ng-click="dialog.qrcode_mold_no();" style="top: 1px; right: 25px;">
                        <img src="image/icons/QRCode.png">
                    </div>
                </div>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0234.list.column01' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0234.list.column02' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0234.list.column03' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0234.list.column04' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0234.list.column05' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 40px;"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.moldList track by $index">
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.mold_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.cavity_standard_qty"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.current_cavity_health_qty"></div>
                        <div class="kmi-list__column column-border column-input" style="flex:1;">
                            <input ng-model="item.cavity_health_qty" ng-click="dialog.inputCavityHealthQty($event, item);" style="cursor: pointer;" readonly/>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;">
                            <div class="kmi-text-fields" style="margin: 0px; height: 25px;">
                                <input ng-model="item.cavity_reason_name" ng-click="dialog.loadCavityReasonNo(item);" readonly/>
                                <div class="tip">
                                    <i class="material-icons">&#xE5CF;</i>
                                </div>
                            </div>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:0 0 40px;">
                            <button class="mdl-button mdl-button--icon" ng-click="dialog.removeRow($index);">
                                <img src="image/icons/delete.png"></img>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="btn-panel">
                <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="dialog.loadMoldList();">
                    <img src="image/icons/add.png"></img>
                </button>
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()"
                     style="width: 100px; position: absolute; right: 0px;">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
